<template>
    <div class="app-container">
      <!-- 输入表单 -->
      <el-form label-width="120px">
        <el-form-item label="借款额度">
          <el-input-number v-model="integralGrade.borrowAmount" :min="0" />
        </el-form-item>
        <el-form-item label="积分区间开始">
          <el-input-number v-model="integralGrade.integralStart" :min="0" />
        </el-form-item>
        <el-form-item label="积分区间结束">
          <el-input-number v-model="integralGrade.integralEnd" :min="0" />
        </el-form-item>
        <el-form-item>
          <el-button
            :disabled="saveBtnDisabled"
            type="primary"
            @click="saveOrUpdate()"
          >
            保存
          </el-button>
        </el-form-item>
      </el-form>
    </div>
  </template>
  <script>
  import api from '@/api/integralGrade'
  export default {
    data() {
        return {
            integralGrade: {},
            saveBtnDisabled: false
        }
    },
    methods: {
        saveOrUpdate(){
          this.saveBtnDisabled = true
          //要判断一下,id是否存在,如果存在,则为修改,否则为新增
          if(!this.integralGrade.id){
            //进来这里面说明是新增
            api.insert(this.integralGrade).then(res=>{
                this.$message.success('成功' || res.message)
                this.$router.push("/integralGrade/table")
            })
          }else{
            api.update(this.integralGrade).then(res=>{
              this.$message.success('成功' || res.message)
                this.$router.push("/integralGrade/table")
            })
          }
        }
    },
    created(){
        //$route指的是当前页面的路由对象
        // console.log(this.$route);
        //$router指的是整个项目的路由对象
        // console.log(this.$router)
        
        //判断下是否需要查询数据进行回显,如果id存在,则查询,否则不查询
        if(this.$route.params.id){
          //根据获取到的id,查询数据,进行回显
        api.getById(this.$route.params.id).then(res=>{
          this.integralGrade = res.data.obj
        })
        }
    }
  }
  </script>